<template>
  <div class="bucket-container">
    <div class="bucket-navbar-container">
      <el-menu class="bucket-menu" :router="true" :default-active="index">
        <el-menu-item-group>
          <template slot="title">基本信息</template>
          <!-- <el-menu-item index="/management/setting">
            <i class="el-icon-setting" />
            <span slot="title">系统设置</span>
          </el-menu-item> -->
          <el-menu-item index="/management/dict">
            <i class="el-icon-postcard" />
            <span slot="title">分类代码</span>
          </el-menu-item>
          <el-menu-item index="/management/permission">
            <i class="el-icon-set-up" />
            <span slot="title">权限分配</span>
          </el-menu-item>
          <el-menu-item index="/management/defaultUser">
            <i class="el-icon-truck" />
            <span slot="title">默认人员</span>
          </el-menu-item> 
        </el-menu-item-group>
        <el-menu-item-group>
          <template slot="title">企业体系</template>
          <!-- <el-menu-item index="/management/corp">
            <i class="el-icon-office-building" />
            <span slot="title">企业主体</span>
          </el-menu-item> -->
          <el-menu-item index="/management/userGroup">
            <i class="el-icon-house" />
            <span slot="title">公司/部门</span>
          </el-menu-item>
          <el-menu-item index="/management/user">
            <i class="el-icon-user" />
            <span slot="title">用户管理</span>
          </el-menu-item>
        </el-menu-item-group>
        <!-- <el-menu-item-group>
          <template slot="title">业务设置</template>
          <el-menu-item>
            <i class="el-icon-coordinate" />
            <span slot="title">OA审批</span>
          </el-menu-item>
        </el-menu-item-group> -->
      </el-menu>
    </div>
    <div class="bucket-main-container">
      <router-view />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      index: '/management/user'
    }
  },
  mounted() {
    this.index = this.$router.history.current.path
  }
}
</script>

<style lang="scss" scoped>
.bucket-menu {
  .el-menu-item {
    .el-badge {
      height: 24px;
      line-height: 24px;
    }
  }
}
</style>
